{% extends 'user-base.html' %}

{% load staticfiles %}

{% block content %}
    <div class="container mycontent" style="padding-top: 70px;">
        <ol class="breadcrumb">
            <li><a href="{% url 'index' %}">首页</a></li>
            <li><a href="{% url 'users:user_info' %}">个人中心</a></li>
            <li class="active">个人资料</li>
        </ol>

        <div class="col-md-3" style="padding-left: 0px;">
            <a href="{% url 'users:user_info' %}" class="list-group-item">
                个人资料
            </a>
            <a href="{% url 'users:user_friend' %}" class="list-group-item active">我的厨友</a>
            <a href="{% url 'users:user_kitchen' %}" class="list-group-item">我的厨房</a>

        </div>
        <div class="col-md-9" style="border: 1px solid #dddddd;padding: 0px 0px 20px 0px; ">
            <div class="well">好友信息</div>
            <div style="margin-left: 20px;">
                {% for friend_info in user_concerns  %}
                <div class="media" >
                    <div class="media-left">
                        <a href="{% url 'cookbook:user_menu' friend_info.to_user_id %}">
                            <img class="media-object img-circle" src="{{ MEDIA_URL }}{{ friend_info.to_user.image }}" alt="..." style="width: 100px; height: 100px;">
                        </a>
                    </div>
                    <div class="media-body" style="padding: 30px 0px 0px 10px;">
                        <a href="{% url 'cookbook:user_menu' friend_info.to_user_id %}">{{ friend_info.to_user }}</a>
                    </div>
                </div>
                {% endfor %}
            </div>
        </div>
    </div>
    </div>

{% endblock %}